<script lang="ts" setup>
import { ref } from "vue";

// ref 包装后，会返回一个 ref 对象，初始化的数据被保存在 ref 对象的 value 属性中。
const totalCount = ref(0)

const addCount = () => {
  // 修改 .value 属性更新视图
  totalCount.value++
}
const subCount = () => {
  totalCount.value--
}
</script>

<template>
<p>{{ totalCount }}</p>
<button @click="addCount()">+</button>
<button @click="subCount()">-</button>
</template>

